<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <!-- 
    1. 新的语义化元素：main、footer、header、nav、section

      语义化：让结构清晰，让搜索引擎爬虫认识网站结构
      
      做SEO搜索引擎优化：提升网站在搜索引擎的排名
        1. 语义化标签
        2. 网站title、description、keyword等
        3. SSR(Server Side Render) 服务端渲染 
          - React Next
          - Vue Nuxt

    2. 新的表单控件：date、time、email、url、search(可说可不说)
    3. 新的 API：
    ● 音视频：audio 和 video 元素
      Blob流 -> 流式播放视频技术 

    ● 绘图图形：canvas 元素
      canvas -> echarts -> 大屏数据可视化

    ● 本地存储：localStorage，sessionStorage
      区别：
        localStorage持久化存储
        sessionStorage会话存储（关闭浏览器页面数据就会消失）
      应用：
        用来存储用户数据（token）
        判断token是否过期，在响应拦截器处理：
          1. 在响应拦截器失败回调中，判断响应状态码是否为407
          2. 在响应拦截器成功回调中，判断功能状态码code是否为207
        token无感刷新功能

    ● 多线程操作：Web Worker
      Web Worker开启多线程，性能优化 -> 封装Upload组件
      
   -->
    <input type="date" />
  </body>
</html>
